<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    
    <title>首页</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
 	<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<link href="css/bootstrap.min.css" rel="stylesheet"> 
		 <link rel="stylesheet" href="css/bootstrap-3.3.7-dist/css/bootstrap.min.css"> 
	
	<!--  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> -->
	
  </head>
  
  <body>
   <script type="text/javascript">
   		$(document).ready(function(){
   			$.ajax({
  				url:"${pageContext.request.contextPath}/staff/findAll",
  				dataType:"json",
  				type:"post",
  				success:function(data,status){
  				 	  for(var i = 0; i<data.data.length; i+=3)
  					{
  						//alert(i);
  						//alert(data.data.length);
  						if(data.data[i].domainProgress != null){
  							$("#t").append("<tr class='success'><td width='10%'>"+data.data[i].staffid+"</td><td width='15%'>"+data.data[i].depart1+"</td><td width='15%'>"+data.data[i].depart2+"</td><td width='15%'>"+data.data[i].staffAptitude.aptitude+"</td><td width='15%'>"+data.data[i].staffAptitude.destination+"</td><td width='15%'>"+data.data[i].domainProgress.point+"</td><td width='10%'>"+data.data[i].staffAptitude.needpoint+"</td></th>");
  						}else{
  							$("#t").append("<tr class='success'><td width='10%'>"+data.data[i].staffid+"</td><td width='15%'>"+data.data[i].depart1+"</td><td width='15%'>"+data.data[i].depart2+"</td><td width='15%'>"+data.data[i].staffAptitude.aptitude+"</td><td width='15%'>"+data.data[i].staffAptitude.destination+"</td><td width='15%'>无</td><td width='10%'>"+data.data[i].staffAptitude.needpoint+"</td></th>"); 							
  						}
  						if(data.data[i+1].domainProgress != null){
  							$("#t").append("<tr><td>"+data.data[i+1].staffid+"</td><td>"+data.data[i+1].depart1+"</td><td>"+data.data[i+1].depart2+"</td><td >"+data.data[i+1].staffAptitude.aptitude+"</td><td >"+data.data[i+1].staffAptitude.destination+"</td><td >"+data.data[i+1].domainProgress.point+"</td><td >"+data.data[i+1].staffAptitude.needpoint+"</td></th>");
  						}else{
  							$("#t").append("<tr><td>"+data.data[i+1].staffid+"</td><td>"+data.data[i+1].depart1+"</td><td>"+data.data[i+1].depart2+"</td><td >"+data.data[i+1].staffAptitude.aptitude+"</td><td >"+data.data[i+1].staffAptitude.destination+"</td><td>无</td><td >"+data.data[i+1].staffAptitude.needpoint+"</td></th>");  						
  						}
  						if(data.data[i+2].domainProgress != null){
  							$("#t").append("<tr class='warning'><td>"+data.data[i+2].staffid+"</td><td>"+data.data[i+2].depart1+"</td><td>"+data.data[i+2].depart2+"</td><td >"+data.data[i+2].staffAptitude.aptitude+"</td><td>"+data.data[i+2].staffAptitude.destination+"</td><td >"+data.data[i+2].domainProgress.point+"</td><td >"+data.data[i+2].staffAptitude.needpoint+"</td></th>");
  						}else{
  							$("#t").append("<tr class='warning'><td>"+data.data[i+2].staffid+"</td><td>"+data.data[i+2].depart1+"</td><td>"+data.data[i+2].depart2+"</td><td >"+data.data[i+2].staffAptitude.aptitude+"</td><td>"+data.data[i+2].staffAptitude.destination+"</td><td >无</td><td>"+data.data[i+2].staffAptitude.needpoint+"</td></th>");  							
  						}
  						
  						
  						
  						
  					}   
  					/*  for(var j = 0; j<1000; j++)
  					{
  						
  							$("#t").append("<tr class='success'><td width='15%'>1111</td><td width='15%'></th>");
  						
  					}  */
  					/*  for(var i = 0; i<data.data.length; i++)
  					{
  					
  							//$("#t").append("<tr class='success'><td width='15%'>"+data.data[i].staffid+"</td></tr>");
  						//$("#t").append("<tr class='success'><td width='15%'>"+data.data[i].staffid+"</td><td width='15%'>"+data.data[i].depart1+"</td><td width='15%'>"+data.data[i].depart2+"</td><td width='15%'>"+data.data[i].staffAptitude.aptitude+"</td><td width='15%'>"+data.data[i].staffAptitude.destination+"</td><td width='15%'>"+data.data[i].staffAptitude.needpoint+"</td></th>");
  						 //$("#t").append("<tr class='success'><td width='15%'>"+data.data[i].staffid+"</td><td width='15%'>"+data.data[i].depart1+"</td><td width='15%'>"+data.data[i].depart2+"</td></th>");
  						//$("#t").append("<tr class='success'><td width='15%'>"+data.data[i].staffid+"</td><td width='15%'>"+data.data[i].depart1+"</td><td width='15%'>"+data.data[i].depart2+"</td><td width='15%'>"+data.data[i].staffAptitude.aptitude+"</td><td width='15%'>"+data.data[i].staffAptitude.destination+"</td></th>");
  						
  					//$("#t").append("<tr class='success'><td width='15%'>"+data.data[i].staffid+"</td><td width='15%'>"+data.data[i].depart1+"</td><td width='15%'>"+data.data[i].depart2+"</td</th>");
  						
  					}  */
  					/* for(var i = data.data.length; i<data.data.length; i+=3)
  					{
  						if(data.data[i].domainProgress != null){
  							$("#t2").append("<tr class='success'><td width='15%'>"+data.data[i].staffid+"</td><td width='15%'>"+data.data[i].depart1+"</td><td width='15%'>"+data.data[i].depart2+"</td><td width='15%'>"+data.data[i].staffAptitude.aptitude+"</td><td width='15%'>"+data.data[i].staffAptitude.destination+"</td><td width='15%'>"+data.data[i].domainProgress.point+"</td><td width='15%'>"+data.data[i].staffAptitude.needpoint+"</td></th>");
  						}else{
  							$("#t2").append("<tr class='success'><td width='15%'>"+data.data[i].staffid+"</td><td width='15%'>"+data.data[i].depart1+"</td><td width='15%'>"+data.data[i].depart2+"</td><td width='15%'>"+data.data[i].staffAptitude.aptitude+"</td><td width='15%'>"+data.data[i].staffAptitude.destination+"</td><td width='15%'>无</td><td width='15%'>"+data.data[i].staffAptitude.needpoint+"</td></th>"); 							
  						}
  						if(data.data[i+1].domainProgress != null){
  							$("#t2").append("<tr><td>"+data.data[i+1].staffid+"</td><td>"+data.data[i+1].depart1+"</td><td>"+data.data[i+1].depart2+"</td><td width='15%'>"+data.data[i+1].staffAptitude.aptitude+"</td><td width='15%'>"+data.data[i+1].staffAptitude.destination+"</td><td width='15%'>"+data.data[i+1].domainProgress.point+"</td><td width='15%'>"+data.data[i+1].staffAptitude.needpoint+"</td></th>");
  						}else{
  							$("#t2").append("<tr><td>"+data.data[i+1].staffid+"</td><td>"+data.data[i+1].depart1+"</td><td>"+data.data[i+1].depart2+"</td><td width='15%'>"+data.data[i+1].staffAptitude.aptitude+"</td><td width='15%'>"+data.data[i+1].staffAptitude.destination+"</td><td width='15%'>无</td><td width='15%'>"+data.data[i+1].staffAptitude.needpoint+"</td></th>");  						
  						}
  						if(data.data[i+2].domainProgress != null){
  							$("#t2").append("<tr class='warning'><td>"+data.data[i+2].staffid+"</td><td>"+data.data[i+2].depart1+"</td><td>"+data.data[i+2].depart2+"</td><td width='15%'>"+data.data[i+2].staffAptitude.aptitude+"</td><td width='15%'>"+data.data[i+2].staffAptitude.destination+"</td><td width='15%'>"+data.data[i+2].domainProgress.point+"</td><td width='15%'>"+data.data[i+2].staffAptitude.needpoint+"</td></th>");
  						}else{
  							$("#t2").append("<tr class='warning'><td>"+data.data[i+2].staffid+"</td><td>"+data.data[i+2].depart1+"</td><td>"+data.data[i+2].depart2+"</td><td width='15%'>"+data.data[i+2].staffAptitude.aptitude+"</td><td width='15%'>"+data.data[i+2].staffAptitude.destination+"</td><td width='15%'>无</td><td width='15%'>"+data.data[i+2].staffAptitude.needpoint+"</td></th>");  							
  						}
  						
  					}  */
  				}
  			});
  		});
 
</script>
    <div class="container">
	<div class="row clearfix">
		<div class="col-md-12 column">
			<div class="carousel slide" id="carousel-929110">
				<ol class="carousel-indicators">
					<li class="active" data-slide-to="0" data-target="#carousel-929110">
					</li>
					<li data-slide-to="1" data-target="#carousel-929110">
					</li>
					<li data-slide-to="2" data-target="#carousel-929110">
					</li>
				</ol>
				<div class="carousel-inner">
					<!-- <div   class="item active" >
						<img alt="" src="images/ruijie.jpg" class="img-responsive center-block" />
		
					</div> -->
					
				
			</div>
			<h3 class="text-center">
				资质系统
			</h3>
			<ul class="nav nav-tabs">
				<li class="active">
					 <a href='<c:url value='/top.jsp'/>'>首页</a>
				</li>&emsp;
				<li class="disabled">
					 <a href="#">简介</a>
				</li>&emsp;
				<li class="disabled">
					 <a href="#">信息</a>
				</li>
			</ul>		
			</div>
<div class="container">
	<div class="row clearfix">
		<div class="col-md-12 column">
			<div class="row clearfix">
			
					<h3 class="text-center">
							资质进展 
						</h3>
					<table class="table">
						<thead>
							<tr>
								<th>
									姓名
								</th>
								<th>
									部门
								</th>
								<th>
									详细部门
								</th>
								<th>
									当前资质
								</th>
								<th>
									目标资质
								</th>
								<th>
									当前分数
								</th>
								<th>
									目标分数
								</th>
							</tr>
						</thead>
						<tbody id="t">
				
							
						</tbody>
						</table>
						</div>
					</div>
				</div>
			</div>
						
				
  </body>
</html>
